/*
 * @Author: xiaosihan 
 * @Date: 2023-08-19 13:35:08 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2024-01-14 18:25:11
 */


.myPhoto {
  display: inline-block;
  position: relative;
  width: 320px;
  height: 100%;
  background-color: #ffffff;

  :global(.ant-spin-nested-loading) {
    width: 100%;
    height: 100%;

    :global(.ant-spin-container) {
      width: 100%;
      height: 100%;
    }
  }

  .arrType {
    display: inline-block;
    width: 100%;
    padding: 8px;
    box-sizing: border-box;

    .arrTypeItem {
      svg {
        width: 16px;
        height: 16px;
        vertical-align: middle;
      }

      &.active {
        svg {
          path {
            fill: #ffffff;
          }
        }
      }
    }


  }

  .title {
    border-radius: 4px;
    background: #F2F3F7;
    border: 1px solid #E8E9EC;
    display: block;
    height: 44px;
    margin: 20px;
    line-height: 44px;
    text-align: center;
    color: #686B73;
  }

  .upload {
    border-radius: 4px;
    background: #FD790119;
    border: 1px solid #FD79014C;
    display: block;
    height: 44px;
    margin: 20px;
    line-height: 44px;
    text-align: center;
    color: #FD7901;
    cursor: pointer;

    .upload_icon {
      display: inline-block;
      height: 16px;
    }
  }

  .uploadImg {
    float: right;
    margin: 4px;
    width: calc(100% - 8px);
    background: linear-gradient(143deg, #F10505 0%, #FF9E75 100%) !important;

    .icon {
      width: 14px;
      height: 14px;
      position: relative;
      top: 1px;
      margin-right: 10px;
    }
  }

  .list {
    padding: 20px;
    font-size: 16px;

    :global(.ant-checkbox) {
      align-self: flex-start;
      top: 3px;
    }
  }

  .imglist {
    margin: 4px;
    height: calc(100% - 160px);
    overflow-y: auto;
    width: 312px;

    &::-webkit-scrollbar {
      width: 2px;
      height: 2px;
      background-color: rgba(0, 0, 0, 0);
    }

    &::-webkit-scrollbar-track {
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
      border-radius: 2px;
      background-color: rgba(0, 0, 0, 0);
    }

    &::-webkit-scrollbar-thumb {
      border-radius: 2px;
      background-color: #ff9729;
    }

  }

  .no_more {
    text-align: center;
    color: #ff9729;
    height: 24px;
  }

}